<template>
  <div id='course'>
    <course-header></course-header>
    <course-content></course-content>
    <layout-footer></layout-footer>
  </div>
</template>

<script>
import LayoutFooter from '@/components/LayoutFooter'
import CourseHeader from './components/CourseHeader.vue'
import CourseContent from './components/CourseContent.vue'

export default {
  components: {
    LayoutFooter,
    CourseContent,
    CourseHeader
  },
  data () {
    return {

    }
  }
}

</script>
<style scoped>

</style>
